<template>
  <div class="warp">
    <h1>{{ title }}分类</h1>
    <ul>
      <li v-for="(item,index) in list" :key="index">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "Tab",
  props: ["title", "list"],
};
</script>

<style scoped>
.warp {
  width: 250px;
  height: 350px;
  background-color: aqua;
}
.warp h1 {
  background-color: bisque;
}
</style>